<template>
  <a-descriptions title="体格检查" bordered size="middle" :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
    <a-descriptions-item label="项目" :span="3">
      <a-row>
        <a-col :span="12">
          <span>服务前</span>
        </a-col>
        <a-col :span="12">
          <span>服务后</span>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="基础检查" :span="3">
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.basicCheck">
          <a-row :gutter="[16, 8]">
            <a-col :span="8" v-if="archiveFirst.basicCheck.heartRate != null">
              心率： {{ archiveFirst.basicCheck.heartRate }}
            </a-col>
            <a-col :span="8" v-if="archiveFirst.basicCheck.breath != null">
              呼吸： {{ archiveFirst.basicCheck.breath }}
            </a-col>
            <a-col :span="8" v-if="archiveFirst.basicCheck.temperature != null">
              体温： {{ archiveFirst.basicCheck.temperature }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="8" v-if="archiveFirst.basicCheck.weight != null">
              体重： {{ archiveFirst.basicCheck.weight }}
            </a-col>
            <a-col :span="8" v-if="archiveFirst.basicCheck.height != null">
              身高： {{ archiveFirst.basicCheck.height }}
            </a-col>
            <a-col :span="8" v-if="archiveFirst.basicCheck.bmi != null">
              BMI： {{ archiveFirst.basicCheck.bmi }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="8" v-if="archiveFirst.basicCheck.waist != null">
              腰围： {{ archiveFirst.basicCheck.waist }}
            </a-col>
            <a-col :span="8" v-if="archiveFirst.basicCheck.hip != null">
              臀围： {{ archiveFirst.basicCheck.hip }}
            </a-col>
            <a-col :span="8" v-if="archiveFirst.basicCheck.whratio != null">
              腰臀比： {{ archiveFirst.basicCheck.whratio }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.basicCheck.bloodSystolicPress != null">
              血压收缩压： {{ archiveFirst.basicCheck.bloodSystolicPress }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.basicCheck.bloodDiastolicPress != null">
              血压舒张压： {{ archiveFirst.basicCheck.bloodDiastolicPress }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.basicCheck.vision != null">
              左眼视力： {{ archiveFirst.basicCheck.vision }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.basicCheck.visionRight != null"
              >右眼视力： {{ archiveFirst.basicCheck.visionRight }}
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.basicCheck">
          <a-row :gutter="[16, 8]">
            <a-col :span="8" v-if="archiveSummary.basicCheck.heartRate != null">
              心率： {{ archiveSummary.basicCheck.heartRate }}
            </a-col>
            <a-col :span="8" v-if="archiveSummary.basicCheck.breath != null">
              呼吸： {{ archiveSummary.basicCheck.breath }}
            </a-col>
            <a-col :span="8" v-if="archiveSummary.basicCheck.temperature != null">
              体温： {{ archiveSummary.basicCheck.temperature }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="8" v-if="archiveSummary.basicCheck.weight != null">
              体重： {{ archiveSummary.basicCheck.weight }}
            </a-col>
            <a-col :span="8" v-if="archiveSummary.basicCheck.height != null">
              身高： {{ archiveSummary.basicCheck.height }}
            </a-col>
            <a-col :span="8" v-if="archiveSummary.basicCheck.bmi != null">
              BMI： {{ archiveSummary.basicCheck.bmi }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="8" v-if="archiveSummary.basicCheck.waist != null">
              腰围： {{ archiveSummary.basicCheck.waist }}
            </a-col>
            <a-col :span="8" v-if="archiveSummary.basicCheck.hip != null">
              臀围： {{ archiveSummary.basicCheck.hip }}
            </a-col>
            <a-col :span="8" v-if="archiveSummary.basicCheck.whratio != null">
              腰臀比： {{ archiveSummary.basicCheck.whratio }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.basicCheck.bloodSystolicPress != null">
              血压收缩压： {{ archiveSummary.basicCheck.bloodSystolicPress }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.basicCheck.bloodDiastolicPress != null">
              血压舒张压： {{ archiveSummary.basicCheck.bloodDiastolicPress }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.basicCheck.vision != null">
              左眼视力： {{ archiveSummary.basicCheck.vision }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.basicCheck.visionRight != null"
              >右眼视力： {{ archiveSummary.basicCheck.visionRight }}
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="眼底检查" :span="3">
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.eyeCheck">
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeMicroaneurysm != null">
              微动脉瘤： {{ archiveFirst.eyeCheck.eyeMicroaneurysm }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeIntraretinalHemorrhage != null">
              视网膜内出血： {{ archiveFirst.eyeCheck.eyeIntraretinalHemorrhage }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeCottonWoolSpots">
              棉絮斑： {{ archiveFirst.eyeCheck.eyeCottonWoolSpots }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeFundusBleeding">
              眼底出血： {{ archiveFirst.eyeCheck.eyeFundusBleeding }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeHardExudation">
              硬性渗出： {{ archiveFirst.eyeCheck.eyeHardExudation }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeVenousBeadedChanges">
              静脉串珠样改变： {{ archiveFirst.eyeCheck.eyeVenousBeadedChanges }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeMicrovascularAbnormalitiesInRetina">
              视网膜内微血管异常： {{ archiveFirst.eyeCheck.eyeMicrovascularAbnormalitiesInRetina }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeThickeningPosteriorRetina">
              后极部视网膜增厚： {{ archiveFirst.eyeCheck.eyeThickeningPosteriorRetina }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeVitreousHemorrhage">
              玻璃体积血： {{ archiveFirst.eyeCheck.eyeVitreousHemorrhage }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyeNeovascularization">
              新生血管形成： {{ archiveFirst.eyeCheck.eyeNeovascularization }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.eyeCheck.eyePreretinalHemorrhage">
              视网膜前出血： {{ archiveFirst.eyeCheck.eyePreretinalHemorrhage }}
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.eyeCheck">
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeMicroaneurysm != null">
              微动脉瘤： {{ archiveSummary.eyeCheck.eyeMicroaneurysm }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeIntraretinalHemorrhage != null">
              视网膜内出血： {{ archiveSummary.eyeCheck.eyeIntraretinalHemorrhage }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeCottonWoolSpots">
              棉絮斑： {{ archiveSummary.eyeCheck.eyeCottonWoolSpots }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeFundusBleeding">
              眼底出血： {{ archiveSummary.eyeCheck.eyeFundusBleeding }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeHardExudation">
              硬性渗出： {{ archiveSummary.eyeCheck.eyeHardExudation }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeVenousBeadedChanges">
              静脉串珠样改变： {{ archiveSummary.eyeCheck.eyeVenousBeadedChanges }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeMicrovascularAbnormalitiesInRetina">
              视网膜内微血管异常： {{ archiveSummary.eyeCheck.eyeMicrovascularAbnormalitiesInRetina }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeThickeningPosteriorRetina">
              后极部视网膜增厚： {{ archiveSummary.eyeCheck.eyeThickeningPosteriorRetina }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeVitreousHemorrhage">
              玻璃体积血： {{ archiveSummary.eyeCheck.eyeVitreousHemorrhage }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyeNeovascularization">
              新生血管形成： {{ archiveSummary.eyeCheck.eyeNeovascularization }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.eyeCheck.eyePreretinalHemorrhage">
              视网膜前出血： {{ archiveSummary.eyeCheck.eyePreretinalHemorrhage }}
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="皮肤检查" :span="3">
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.skinCheck">
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.skinCheck.skinExam != null">
              皮肤检查： {{ archiveFirst.skinCheck.skinExam }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.skinCheck.skinSymptom != null">
              皮肤症状： {{ archiveFirst.skinCheck.skinSymptom }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.skinCheck.insulinInjection != null">
              胰岛素注射部位： {{ archiveFirst.skinCheck.insulinInjection }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.skinCheck.insulinInjectionSymptom != null">
              胰岛素注射部位症状： {{ archiveFirst.skinCheck.insulinInjectionSymptom }}
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.skinCheck">
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.skinCheck.skinExam != null">
              皮肤检查： {{ archiveSummary.skinCheck.skinExam }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.skinCheck.skinSymptom != null">
              皮肤症状： {{ archiveSummary.skinCheck.skinSymptom }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.skinCheck.insulinInjection != null">
              胰岛素注射部位： {{ archiveSummary.skinCheck.insulinInjection }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.skinCheck.insulinInjectionSymptom != null">
              胰岛素注射部位症状： {{ archiveSummary.skinCheck.insulinInjectionSymptom }}
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="糖足检查" :span="3">
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.footCheck">
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.footCheck.footSugarFootInspection">
              糖足检查： {{ archiveFirst.footCheck.footSugarFootInspection }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.footCheck.footPalpationOfDorsalisPedisArtery">
              足背动脉触诊： {{ archiveFirst.footCheck.footPalpationOfDorsalisPedisArtery }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.footCheck.footAnkleReflex">
              踝反射： {{ archiveFirst.footCheck.footAnkleReflex }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.footCheck.footNerveConduction">
              神经传导： {{ archiveFirst.footCheck.footNerveConduction }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.footCheck.footVibrationSense">
              振动觉： {{ archiveFirst.footCheck.footVibrationSense }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.footCheck.footAcupuncturePain">
              针刺痛觉： {{ archiveFirst.footCheck.footAcupuncturePain }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.footCheck.footTemperatureSense">
              温度觉： {{ archiveFirst.footCheck.footTemperatureSense }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.footCheck.footPressureSense">
              压力觉： {{ archiveFirst.footCheck.footPressureSense }}
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.footCheck">
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.footCheck.footSugarFootInspection">
              糖足检查： {{ archiveSummary.footCheck.footSugarFootInspection }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.footCheck.footPalpationOfDorsalisPedisArtery">
              足背动脉触诊： {{ archiveSummary.footCheck.footPalpationOfDorsalisPedisArtery }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.footCheck.footAnkleReflex">
              踝反射： {{ archiveSummary.footCheck.footAnkleReflex }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.footCheck.footNerveConduction">
              神经传导： {{ archiveSummary.footCheck.footNerveConduction }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.footCheck.footVibrationSense">
              振动觉： {{ archiveSummary.footCheck.footVibrationSense }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.footCheck.footAcupuncturePain">
              针刺痛觉： {{ archiveSummary.footCheck.footAcupuncturePain }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.footCheck.footTemperatureSense">
              温度觉： {{ archiveSummary.footCheck.footTemperatureSense }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.footCheck.footPressureSense">
              压力觉： {{ archiveSummary.footCheck.footPressureSense }}
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="其他" :span="3">
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.other">
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.other.claudicationTest">
              间歇性跛行试验： {{ archiveFirst.other.claudicationTest }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.other.carotidAuscultation">
              颈动脉听诊： {{ archiveFirst.other.carotidAuscultation }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.other.femoralAuscultation">
              股动脉听诊： {{ archiveFirst.other.femoralAuscultation }}
            </a-col>
            <a-col :span="12" v-if="archiveFirst.other.legsSkinTemp">
              下肢皮肤温度测定： {{ archiveFirst.other.legsSkinTemp }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.other.abi">ABI： {{ archiveFirst.other.abi }} </a-col>
            <a-col :span="12" v-if="archiveFirst.other.abiExerciseTest">
              ABI运动负荷试验： {{ archiveFirst.other.abiExerciseTest }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveFirst.other.tbi">TBI： {{ archiveFirst.other.tbi }} </a-col>
            <a-col :span="12" v-if="archiveFirst.other.tcPO2">经皮氧分压： {{ archiveFirst.other.tcPO2 }} </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.other">
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.other.claudicationTest">
              间歇性跛行试验： {{ archiveSummary.other.claudicationTest }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.other.carotidAuscultation">
              颈动脉听诊： {{ archiveSummary.other.carotidAuscultation }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.other.femoralAuscultation">
              股动脉听诊： {{ archiveSummary.other.femoralAuscultation }}
            </a-col>
            <a-col :span="12" v-if="archiveSummary.other.legsSkinTemp">
              下肢皮肤温度测定： {{ archiveSummary.other.legsSkinTemp }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.other.abi">ABI： {{ archiveSummary.other.abi }} </a-col>
            <a-col :span="12" v-if="archiveSummary.other.abiExerciseTest">
              ABI运动负荷试验： {{ archiveSummary.other.abiExerciseTest }}
            </a-col>
          </a-row>
          <a-row :gutter="[16, 8]">
            <a-col :span="12" v-if="archiveSummary.other.tbi">TBI： {{ archiveSummary.other.tbi }} </a-col>
            <a-col :span="12" v-if="archiveSummary.other.tcPO2">经皮氧分压： {{ archiveSummary.other.tcPO2 }} </a-col>
          </a-row>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
  </a-descriptions>
</template>

<script>
export default {
  name: 'Physical',
  props: ['archiveFirst', 'archiveSummary'],

  data() {
    return {}
  },
  methods: {
    summaryRecord() {
      this.$emit('fatherFn')
    }
  }
}
</script>

<style lang="less" scoped>
.plus-record {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: center;
  width: 5rem;
  height: 5rem;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;

  span {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
    color: #8e908f;
  }
}
/deep/ .ant-descriptions-item-label {
  width: 25% !important;
}
/deep/ .ant-descriptions-item-content {
  width: 75% !important;
}
</style>

